<template>
	<div class="wrap">
		<div class="top">
			<uni-nav-bar :fixed="true" title="告警列表" background-color="#5C7FF5" status-bar @clickLeft="back" :dark="true"
				left-icon="left">

			</uni-nav-bar>
			<div class="fixs">
				<div class="content">
					<div class="inputBox">
						<input type="text" placeholder="请输入您要查找的内容" placeholder-class="inputP" v-model.trim="form.param"
							confirm-type="search" @confirm="othergetList" @input="othergetList">
						<div class="searchIcons" @click="toSearch">
							<img src="../../static/img/search.png" alt="" class="searchIcons_icons">
						</div>
						<!-- <img src="../../static/img/ca.png" alt="" class="ca" @click="toRq"> -->

						<img src="../../static/img/index_fl.png" alt="" class="ca" @click="toFl">

					</div>
				</div>
				<!-- 搜索结果 -->
				<div class="chooseBox">
					<scroll-view scroll-x class="scrollview-box" scroll-with-animation>
						<div style="display: flex;">
							<div v-for="(item, i) in flArr" :key="i" class="chooseItem">{{ item }}

								<img src="../../static/img/closes.png" alt="" class="closesImg" @click="todelFl(item)">
							</div>
						</div>
					</scroll-view>
				</div>


				<div>
					<div class="msnum">
						<div class="iconsItem">
							<div>
								<img src="../../static/img/red.png" alt="">
							</div>
							<div>
								危急：{{ numObject.criticalNum ? numObject.criticalNum:0}}
							</div>
						</div>
						<div class="iconsItem">
							<div>
								<img src="../../static/img/orange.png" alt="">
							</div>
							<div>
								严重：{{ numObject.seriousNum?numObject.seriousNum:0}}
							</div>
						</div>
					</div>

				</div>
			</div>

		</div>
		<!-- 主题 -->
		<movable-refresh ref="movableRefresh" :scrollHeight="heights" :noMore="noMore" @refresh="refresh"
			@loadMore="loadMore" :backgroundColor="'white'" @onScroll="">
			<div class="orderContent" style="height: 100%;" v-if="datalist.length>0">

				<div class="orderItem" v-for="(item, i ) in datalist" :key="i">



					<img src="../../static/img/listred.png" v-if="item.level=='危急'" alt="" class="orderItemImg"
						@click.self="toInfo(item.code)">
					<img src="../../static/img/listorange.png" v-else alt="" class="orderItemImg"
						@click.self="toInfo(item.code)">
					<div class="orderItemTop" @click.self="toInfo(item.code)">{{ item.org }}</div>
					<div class="useContent" @click.self="toInfo(item.code)">
						<div class="useItem">
							<div class="labes">变电站:</div>
							<div class="useItem_content">{{ item.station }}</div>
						</div>
						<div class="useItem">
							<div class="labes">设备名称:</div>
							<div class="useItem_content">{{ item.deviceName }}</div>
						</div>
						<div class="useItem">
							<div class="labes">缺陷描述:</div>
							<div class="useItem_content quexian_word">{{ item.description }}</div>
						</div>
						<div class="useItem">
							<div class="labes">缺陷性质:</div>
							<div class="useItem_content">{{ item.level }}</div>
						</div>
						<div class="useItem">
							<div class="labes">缺陷发现人员:</div>
							<div class="useItem_content">{{ item.username }}</div>
						</div>
						<div class="useItem">
							<div class="labes">时间:</div>
							<div class="useItem_content">{{ item.time }}</div>
						</div>
					</div>



				</div>


			</div>
			<div class="orderContent" style="height: 600rpx;text-align: center;line-height: 300px;line-height: 300px;"
				v-else>
				暂无数据
			</div>
		</movable-refresh>


		<!-- 选择分类 -->
		<uni-popup ref="popup3" type="bottom" v-if="isShow">
			<lee-linkage :right="right" :left="left"> </lee-linkage>

		</uni-popup>




	</div>
</template>

<script>
	import movableRefresh from '@/components/zyq-movableRefresh/zyq-movableRefresh.vue'
	import {
		findWarnDefect,
		findDictionary,
		exportDefect,
		findWarnDefectNum,
		findStation
	} from '@/utils/http'
	import {
		nowDay
	} from "@/utils/filters"

	import dialogs from "@/components/dialog.vue";
	import layoutdialog from "@/components/layoutdialog.vue";
	import edialog from "@/components/exceldialog.vue";

	import uniPopup from "@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue";
	import leeLinkage from "./components/linkage.vue";
	import wuCalendar from '@/uni_modules/wu-calendar/components/wu-calendar/wu-calendar.vue'
	import uniNavBar from '@/uni_modules/uni-nav-bar/components/uni-nav-bar/uni-nav-bar.vue'
	import uniIcons from "@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue";
	export default {
		components: {
			movableRefresh,
			uniNavBar,
			uniIcons,
			leeLinkage,
			uniPopup,
			wuCalendar,
			dialogs,
		},
		data() {
			return {

				left: [{
						label: '运维单位',
						id: 0,
						type: 'ORG'
					},
					{
						label: '变电站',
						id: 1,
						type: 'STATION'
					},
					{
						label: '电压',
						id: 2,
						type: 'VOLTAGE'
					}, {
						label: '缺陷性质',
						id: 3,
						type: 'DEFECT_NATURE'
					},
					// {
					// 	id: 4,
					// 	type: 'DEFECT_STATUS',
					// 	label: '状态'
					// }, 
					{
						label: '设备类型',
						id: 4,
						type: 'DEVICE_TYPE'
					},
				],
				right: [],
				freshing: false, //下拉true
				isShow: false,
				deldatas: [],

				form: {
					org: [], //运维单位
					voltage: [], //电压
					station: [],
					status: [],
					level: [], //性质
					deviceType: [], //设备类型

					param: "", //查询
					page: 1, //当前页面
					size: 10 // 

				},

				numObject: {
					criticalNum: 0,
					seriousNum: 0
				},
				titlesname: '',
				urls: '',
				flArr: [], //搜索分类
				noMore: false,
				dateRange: [],
				heights: null,
				dates: [],
				datalist: [],
				seachValue: '',
				titles: '',
				isAllChoose: false,
				checkedArr: []
			};
		},
		watch: {
			'datalist': {
				handler(val) {
					if (val.length > 0) {
						var a = val.every(item => {
							return item.checked == true
						})
						if (!a) {
							this.isAllChoose = false
						} else {
							this.isAllChoose = true
						}
					} else {
						this.isAllChoose = false
					}
				},
				deep: true
			}
		},
		onLoad() {
			uni.getSystemInfo({
				success: (info) => {
					this.getElementInfo(`.top`).then(a => {
						console.log(a, 'aa')
						this.$nextTick(() => {
							this.heights = info.windowHeight - a.height - 20

						})

					})
				}
			});
		},
		onShow() {
			wx.hideTabBar()
			this.form.page = 1
			this.datalist = []

			this.getList().then(res => {

			})
			setTimeout(() => {
				wx.removeStorageSync('isWarm');
				wx.removeStorageSync('isToXqWarm')
			}, 10)
			this.initData()

		},

		methods: {
			getElementInfo(selector) {
				return new Promise((resolve) => {
					const query = uni.createSelectorQuery().in(this);
					query
						.select(selector)
						.boundingClientRect((data) => {
							resolve(data);
						})
						.exec();
				});
			},
			back() {
				if (uni.getStorageSync('userInfo').role == 'solve') {
					uni.reLaunch({
						url: '/pages/order/index'
					})
				} else if (uni.getStorageSync('userInfo').role == 'admin' || uni.getStorageSync('userInfo').role ==
					'administrator') {
					uni.reLaunch({
						url: '/pages/order/managerIndex'
					})
				} else if (uni.getStorageSync('userInfo').role == 'inspection') {
					uni.navigateBack({
						delta: 1 // 默认值是1，表示回退到上一页，如果要回退多级可以设置大于1的数值
					});
				}
			},
			reset() {
				this.$nextTick(() => {
					this.right.forEach((item, index) => {
						item.isChoose = false;
						item.children.forEach(v => {
							v.isChoose = false
						})
						if (index == 1) {
							if (uni.getStorageSync('userInfo').role == "admin") {
								item.children = []
							}
						}
					})
				})

			},
			toItem(id, type) {
				this.$nextTick(() => {
					if (type == true) {
						this.datalist.forEach(item => {
							if (item.id == id.id) {
								item.checked = true
								console.log(id, 'idididi')
							}
						})
					} else {
						this.datalist.forEach(item => {
							if (item.id == id.id) {
								item.checked = false
							}
						})
					}
					this.checkedArr.forEach((a, i) => {
						if (a.id == id.id) {
							this.checkedArr.splice(i, 1)
						}
					})
				})

			},
			toAll(val) {
				this.isAllChoose = val
				this.checkedArr = []
				if (val) {
					this.datalist.forEach(item => {
						item.checked = true
						this.checkedArr.push(item.id)
					})
				} else {
					this.datalist.forEach(item => {
						item.checked = false
					})
				}
			},

			loadMore() {
				this.form.page++;
				this.getList()


			},
			getQuery(val) {
				this.right = val
				this.flArr = []
				for (var i in this.form) {
					if (Array.isArray(this.form[i])) {
						this.form[i] = []
					}
				}
				this.form.page = 1;
				this.form.size = 10;
				this.datalist = []
				if (val.length > 0) {
					val.forEach(item => {
						if (item.children && item.children.length > 0) {
							item.isChoose = item.children.some(v => {
								return v.isChoose == true
							})
						}
						if (item.isChoose == true) {
							// console.log(item, item.isChoose)
							var s = [];
							if (item.children && item.children.length > 0) {
								item.children.forEach(v => {
									if (v.isChoose == true) {
										if (v.code == "STATION") {
											s.push(v.station)
										} else {
											s.push(v.name)
										}
									}
								})
							}
							this.form[item.types] = s

						}
					})
				}
				this.getList()
			},
			othergetList() {
				this.form.page = 1;
				this.form.size = 10;

				this.datalist = []
				this.getList()
			},
			refresh() {
				this.form.page = 1;
				this.form.size = 10;
				this.checkedArr = []
				this.isAllChoose = false

				this.datalist = []

				this.getList()
			},
			gettreeCategorys() {
				return new Promise((resolve, reject) => {
					this.$nextTick(() => {
						this.left.filter(item => {
							if (item.type != 'STATUS') {
								findDictionary({
									code: item.type
								}).then(res => {
									if (item.type == 'DEFECT_NATURE') {
										item.children = []
										res.result.forEach(a => {
											if (a.name != '一般') {
												item.children.push(a)
											}
										})
									} else {
										item.children = res.result

									}
									if (item.type == 'ORG') {
										item.types = 'org'
										if (uni.getStorageSync('userInfo').role !=
											"admin") {
											findStation({
												org: [this.left[0].children[0]
													.name
												]
											}).then((res) => {
												this.left[1].children = res.result
												this.left[1].children.forEach((
													item,
													index) => {
													item.isChoose = false
													item.code = "STATION"
													item.id = index
												})
											})
										}
									}
									if (item.type == 'DEVICE_TYPE') {
										item.types = 'deviceType'
									}
									if (item.type == 'VOLTAGE') {
										item.types = 'voltage'
									}
									if (item.type == 'DEFECT_NATURE') {
										item.types = 'level'
									}
									if (item.type == 'STATION') {
										item.types = 'station'
									}
									if (item.type == 'DEFECT_STATUS') {
										item.types = 'status'
									}
									item.isChoose = false
									item.children.forEach(v => {
										v.isChoose = false
									})

								})
							}

						})
						resolve('ok')
					})

				})
			},
			initData() {
				return new Promise((resolve) => {
					this.gettreeCategorys().finally(res => {
						this.right = this.left

						resolve('ok')
					})
				});


			},
			todel() {
				if (this.datalist.some(item => item.checked == true)) {

					this.deldatas = []
					this.datalist.forEach(item => {
						if (item.checked == true) {
							this.deldatas.push(item.code)

						}
					})


					this.$refs.dialog.$refs.inputDialog.open();

				} else {
					uni.showToast({
						title: '请先勾选数据',
						icon: 'none',
						duration: 1500
					})
					return
				}
			},

			getList() {
				return new Promise((solve, reject) => {
					if (uni.getStorageSync('isToXqWarm')) {
						this.form = JSON.parse(JSON.stringify(uni.getStorageSync('isToXqWarm')))
						this.form.page = 1
						delete this.form.startTime
						delete this.form.endTime
					}


					uni.showLoading({
						title: "加载中",
						mask: true,
					});
					findWarnDefectNum(this.form).then(res => {
						this.numObject = res.result
					})
					var arr = []
					for (var i in this.form) {
						if (Array.isArray(this.form[i])) {
							if (this.form[i].length > 0) {
								this.form[i].forEach(item => {
									arr.push(item)
								})
							}
						}
					}
					this.flArr = Array.from(new Set(arr))

					findWarnDefect(this.form).then(res => {
						var data = res.result

						this.totalPages = data.totalCount
						if (res.code == '0') {
							this.nums = data.totalCount

							if (res.result.totalCount == 0) {
								this.datalist = []
								this.noMore = true

							} else {
								var arr = [];
								data.list ? (arr = data.list) : null;
								arr.forEach(item => {
									if (item.checked) {
										item.checked = true
									} else {
										item.checked = false

									}
									item.checked == true ? true : false
								})

								if (this.datalist.length < Number(data.totalCount)) {
									this.noMore = false


									this.datalist.push(...arr);
									this.datalist.length == Number(data.totalCount) ? this.noMore = true :
										this.noMore = false
								} else {


									this.noMore = true

								}

							}


						} else {
							this.nums = 0;
						}
						solve('ok')
						this.$refs.movableRefresh.endLoad()
					}).finally(() => {
						uni.hideLoading()
					})
				})

			},

			// 关闭分类
			closeFl() {
				this.$refs.popup3.close();

			},
			toSearch() {
				this.datalist = []

				this.getList()
			},
			//分类搜索
			todelFl(val) {
				for (var i in this.form) {
					if (Array.isArray(this.form[i])) {
						if (this.form[i].length > 0) {
							this.form[i].forEach((item, v) => {
								if (val == item) {
									this.form[i].splice(v, 1)
								}
							})
						}
						if (uni.getStorageSync('userInfo').role == "admin") {
							if (this.form['org'].length == 0) {
								this.right[1].children = []
							}
						}
					}
				}
				this.flArr.forEach((item, i) => {
					if (item == val) {
						this.right.forEach(item => {
							if (item.children && item.children.length > 0) {
								item.children.forEach(vv => {
									if (val == vv.name || val == vv.station) {
										vv.isChoose = false
									}
								})
							}
						})
						this.flArr.splice(i, 1)
					}
				})
				this.form.page = 1;
				this.form.size = 10;
				this.datalist = []
				setTimeout(() => {

					this.getList()
				}, 200)
			},





			toExcel() {

				if (this.datalist.some(item => item.checked == true)) {
					var a = [];
					this.datalist.forEach(item => {
						if (item.checked == true) {
							a.push(item.id)
						}
					})
					exportDefect({
						ids: a
					}).then(res => {
						if (res.code == '0') {
							this.titles = res.result.split('/')[1];
							this.urls = res.result

						} else {

						}
					}).finally(() => {
						this.$nextTick(() => {
							console.log(this.$refs, 'res')
							// this.$refs.edialog
							this.$refs.edialog.$refs.inputDialog.open()

						})

					})

				} else {
					uni.showToast({
						title: '请先勾选数据',
						icon: 'none',
						duration: 1500
					})
					return
				}

			},
			toLayOut() {
				this.$refs.layoutdialog.$refs.inputDialog.open();



			},
			// 跳转
			toEdit() {

				uni.setStorageSync('isToXqWarm', this.form)
				uni.navigateTo({
					url: '/pages/order/edit?u=admin'
				})
			},
			toInfo(id) {
				var arr = []
				this.datalist.forEach(item => {
					if (item.checked == true) {
						arr.push(item.id)
					}
				})
				uni.setStorageSync('isToXqWarm', this.form)
				uni.setStorageSync('isWarm', 'yes')

				uni.navigateTo({
					url: '/pages/order/info?code=' + id + '&u=aIndex'
				})
			},
			// 日期


			toFl() {
				uni.showLoading({
					title: '加载中'
				});
				if (this.flArr.length > 0) {
					this.flArr.forEach((item, i) => {
						this.right.forEach(a => {
							a.children.forEach(vv => {
								if (item == vv.name) {
									vv.isChoose = true
								}
							})
						})

					})
				}
				setTimeout(function() {
					uni.hideLoading();
				}, 200);
				this.isShow = true
				setTimeout(() => {
					this.$refs.popup3.open();

				}, 200)

			},
			toRq() {
				uni.showLoading({
					title: '加载中'
				});

				setTimeout(function() {
					uni.hideLoading();
				}, 1000);
				this.$refs.calendar.open();

			},
		}
	};
</script>

<style scoped lang="scss">
	.bg {
		width: 100vw;
		height: 100vh;

	}

	.wrap {
		height: 100vh;
		overflow: hidden;
	}

	.barContent {
		display: flex;
		justify-content: left;
	}

	.layoutIcons {
		width: 55rpx;
		height: 55rpx;
		margin-left: 16rpx;
	}

	.barWord {
		font-size: 34rpx;
		color: #FFFFFF;
		font-style: normal;
		width: 146rpx;
		margin-left: 14rpx;
		font-family: Source Han Sans CN, Source Han Sans CN;
	}

	.content {

		box-sizing: border-box;
		padding: 16rpx 32rpx;

		.inputBox {
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.searchIcons {
				padding: 20rpx;
				position: absolute;
				left: 530rpx;
				z-index: 10;
			}

			.searchIcons_icons {
				width: 30rpx;
				height: 30rpx;
			}

			input {
				width: 605rpx;
				box-sizing: border-box;
				padding: 0rpx 38rpx;
				height: 68rpx;
				border-radius: 29rpx 29rpx 29rpx 29rpx;
				border: 1rpx solid #5C7FF5;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 26rpx;
			}

			.searchBox {
				position: absolute;
				text-align: center;
				right: 76rpx;
				top: 0rpx;
				width: 136rpx;
				height: 58rpx;
				line-height: 58rpx;
				background: #5C7FF5;
				border-radius: 29rpx 29rpx 29rpx 29rpx;

				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #FFFFFF;
			}
		}

		.ca {
			width: 48rpx;
			height: 48rpx;
		}
	}

	// 搜索结果
	.chooseBox {
		width: 100%;
		box-sizing: border-box;
		padding: 0 32rpx;

		.scrollview-box {}

		.chooseItem {
			margin-right: 20rpx;
			box-sizing: border-box;
			padding: 10rpx 20rpx;
			background: #5C7FF5;
			border-radius: 29rpx 29rpx 29rpx 29rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
			position: relative;
			white-space: nowrap;
		}

		.closesImg {
			width: 50rpx;
			height: 50rpx;
			top: -10rpx;
			position: absolute;
			right: -16rpx;
		}
	}


	// 日历
	.daysBox {
		box-sizing: border-box;
		padding: 0 32rpx;
		height: 30rpx;
		display: flex;
		justify-content: space-between;
		margin: 22rpx 0;
		position: relative;
		align-items: center;

		.years {
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 22rpx;
			color: #5C7FF5;
			font-style: normal;
		}

		.nums {
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 26rpx;
			color: #5C7FF5;
		}
	}

	// 主题
	.orderContent {
		box-sizing: border-box;
		padding: 0 32rpx;
		background: white;

		.scrollerSize {
			width: 100%;
			height: calc(100vh - 310rpx);
		}

		.orderItem {
			position: relative;
			width: 685rpx;
			height: 439rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			margin-bottom: 20rpx;

			.hasDone {
				position: absolute;
				right: 84rpx;
				bottom: 100rpx;
				width: 120rpx;
				height: 82rpx;
				z-index: 10;
			}

			.hasDoneImg {
				width: 120rpx;
				height: 82rpx;
			}

			.hasDoneText {
				transform: translate(10rpx, -76rpx) rotate(-21deg);
				color: #0CBB00;
			}

			.orderItemImg {
				width: 100%;
				height: 100%;
				position: absolute;
				z-index: 0;

			}

			.checkB {
				position: absolute;
				right: 9rpx;
				top: 47rpx;
				z-index: 9;
				border-radius: 50%;
			}

			.orderItemTop {
				z-index: 1;
				padding-top: 16rpx;
				margin-left: 41rpx;
				font-family: Source Han Sans CN, Source Han Sans CN;
				font-weight: bold;
				font-size: 28rpx;
				color: #FFFFFF;
				font-style: normal;
				position: relative;
			}
		}

		.useContent {
			position: relative;
			// padding-top:rpx;
			height: 350rpx;
			margin-top: 20rpx;
			margin-left: 41rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #313131;
			font-style: normal;
		}
	}

	// 日期
	.chooseTime {
		display: flex;

	}

	.chooseTimeItem {
		text-align: center;
		width: 50%;
		flex-direction: column;
		align-items: center;
	}

	.hasRq {
		background: #FFFFFF;
		border-radius: 37rpx 37rpx 37rpx 37rpx;
		border: 1rpx solid #707070;
		width: 300rpx;
		height: 40rpx;
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: 400;
		font-size: 28rpx;
		color: #262626;
		margin: 0 auto;
	}

	.rqbtn {
		display: flex;
		justify-content: flex-end;
		box-sizing: border-box;
		padding: 0 30rpx;
		margin-top: 20rpx;

		.btn {
			width: 160rpx;
			height: 70rpx;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			text-align: center;
			line-height: 70rpx;
		}

		.fail {
			margin-right: 30rpx;
			background: #FFFFFF;

			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			border: 1rpx solid #707070;

			color: #262626;
		}

		.success {
			background: #5C7FF5;
			border-radius: 40rpx 40rpx 40rpx 40rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 400;
			font-size: 28rpx;
			color: #FFFFFF;
		}
	}

	.addBox1 {
		width: 96rpx;
		height: 96rpx;
		position: fixed;
		bottom: 176rpx;
		right: 64rpx;
		z-index: 10;

		.addBoxImg {
			width: 100%;
			height: 100%;
		}
	}

	.addBox {
		width: 96rpx;
		height: 96rpx;
		position: fixed;
		bottom: 176rpx;
		right: 64rpx;
		z-index: 10;

		.addBoxImg {
			width: 100%;
			height: 100%;
		}
	}

	.addBtn {
		position: fixed;
		width: 100%;
		line-height: 80rpx;
		// background: transparent;
		display: flex;
		justify-content: space-around;
		bottom: 89rpx;
		z-index: 10;

		.bts {
			text-align: center;
			width: 300rpx;
			height: 80rpx;

			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			font-family: Source Han Sans CN, Source Han Sans CN;
			font-weight: 500;
			font-size: 36rpx;

		}

		.edit {
			color: #FFFFFF;
			background: #58BE6B;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
		}

		.del {
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(0, 0, 0, 0.16);
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			border: 1rpx solid #707070;
		}
	}

	/* 隐藏默认的checkbox样式 */
	checkbox .wx-checkbox-input {
		display: none;
	}

	/* 自定义checkbox样式 */
	checkbox .wx-checkbox-input .icon-style {
		font-size: 20px;
		/* 修改图标大小 */
		color: blue;
		/* 修改图标颜色 */
	}

	/* 当checkbox被选中时的样式 */
	checkbox .wx-checkbox-input .wx-checkbox-input-checked .icon-style {
		text-decoration: underline;
		font-weight: bold;
	}
</style>
<style scoped>
	input>>>.inputP {
		color: #B7B7B7;
		font-family: SourceHanSansCN-Regular, SourceHanSansCN-Regular;
		font-weight: normal;
		font-size: 28rpx;
		line-height: 68rpx;
		height: 68rpx;

		color: #B7B7B7;
	}

	.checkbox-label {
		display: inline-flex;
		align-items: center;
		margin-right: 20px;
	}

	.isNomore {
		margin-top: 68rpx;

		text-align: center;
		padding-bottom: 200rpx;

	}

	.msnum {
		display: flex;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		box-shadow: 0rpx 0rpx 0rpx 0rpx rgba(0, 0, 0, 0.16);

	}

	.iconsItem {
		width: 50%;
		display: flex;
		justify-content: center;

	}

	.iconsItem img {
		width: 42rpx;
		margin-right: 20rpx;
		height: 42rpx;

	}

	.useItem {
		display: flex;
	}

	.labes {
		width: 190rpx;
	}

	.useItem_content {
		flex: 1;
	}

	.fixs {
		/* position: fixed;
    width: 100%; */
	}

	.wrap>>>.uni-nav-bar-text {
		font-size: 35rpx;
	}

	/* .quexian_word {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		text-overflow: ellipsis;
	} */
</style>